.page{
	transition: all 0.2s;
	height: 100vh;
	background-color: #f8f8f8;
}
.bg-color {
	width: 100%;
	height: 708rpx;
	position: fixed;
	transition: all 0.2s;
	opacity: 0.6;
	
}

.padidng-box {
	width: 100%;
	padding: 20rpx 32rpx;
	box-sizing: border-box;

	.case-list-box {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 22rpx;

		.case-list-item {
			position: relative;
			width: 329rpx;
			margin-bottom: 26rpx;

			.icon-box {
				position: absolute;
				z-index: 1;
				top: 60rpx;
				left: 50%;
				transform: translate(-50%, 0);
				background-color: rgba(0, 0, 0, 0.6);
				width: 80rpx;
				height: 80rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius: 50%;
			}

			.case-list-image {
				width: 100%;
				height: 220rpx;
				border-radius: 16rpx;
			}

			&:nth-child(odd) {
				margin-right: 28rpx;
			}

			.case-list-item-title {
				font-weight: 500;
				font-size: 28rpx;
				color: #000000;
				margin-top: 12rpx;
				max-width: 100%;
			}
		}
	}
}